/* 重置&默认(reset&base)(tags) */
*[hidefocus],input,textarea,a{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset,img,html,body,iframe{border:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
caption,th{font-weight:normal;font-style:normal;text-align:left;}
em,strong{font-weight:bold;font-style:normal;}
body,textarea,select,input,pre{font-family:arial,microsoft yahei,helvetica,sans-serif;font-size:14px;color:#555;}
body{line-height:1.5em;-webkit-text-size-adjust:none;}
a,button{cursor:pointer;}
textarea{resize:none;overflow:auto;}
pre{white-space:pre-wrap;}
a{color:#333;text-decoration:none;}
input{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only;
} 
button {
	-webkit-tap-highlight-color: rgba(255,255,255,0)
}

/* 页面 */
html{
    width:100%;
    height:100%;
    overflow-x:hidden;
}
body{
    text-align:left;
    width:100%;
    overflow:hidden;
}
.m-fiction-container{
    font-size:14px;
    color:#555;
    line-height:31px;
    padding:15px;
}
.m-fiction-container h4{
    font-size: 20px;
    color:#736357;
    border-bottom: solid 1px #736357;
    letter-spacing:2px;
    margin: 0 0 1em 0;
}
.m-fiction-container p{
    letter-spacing: 0px;
    text-indent: 2em;
    line-height:24px;
    margin: 0.5em 0;
}
.u-tab{
    height:34px;
    line-height:34px;
    margin:10px auto;
    border-radius:8px;
    background:#000;
    opacity:0.9;
    border:solid 1px #858382;
    font-size: 12px;
}
.u-tab li{
    display:inline-block;
    text-align:center;
    color:#fff;
    border-right:solid 1px #fff;
    width:49%;
}
.u-tab li:nth-child(2){
    border-right:none;
}
.m-button-bar{
    width:70%;
    max-width:800px;
    margin:0 auto;
    padding:5px;
}
.nav-bar{
    background:#000;
    position:fixed;
    top:0px;
    z-index:9999;
    height:50px;
    width:100%;
}
.icon-back{
    position:absolute;
    top:14px;
    left:10px;
    width:23px;
    height:23px;
    background:url();
    background-size:contain;
}
.nav-title{
    position:absolute;
    top:16px;
    left:42px;
    color:#d5d5d6;
}
.foot-nav{
    width:100%;
    height:70px;
    background:none;
    position:fixed;
    margin: 0 auto;
    text-align:center;
    opacity:1;
    bottom:0px;
    z-index:10004;
}
.foot-bar{
    background:#000;
    opacity:0.9;
}
.foot-bar-word .item{
    display:inline-block;
    width:32%;
    color:#fff;
    text-align:center;
    margin: 0 auto;
}
.item-wrapper{
    width:26px;
    margin:0 auto;
    position:relative;
}
.icon-text{
    position:absolute;
    top:25px;
    font-size:10px;
}
.icon-catelog,.icon-font,.icon-light-day,.icon-night-day{
    position:absolute;
    top:3px;
    left:2px;
    width:18px;
    height:13px;
}
.icon-catelog{
    background:url();
    background-size:contain;
}
.icon-font{
    height:13px;
    width:20px;
    background:url();
    background-size:contain;
}

.current .icon-font{
    height:13px;
    width:20px;
    background: url();
    background-size:contain;
}

.icon-light-day{
    width:19px;
    height:18px;
    background:url();
    background-size:contain;
}
.icon-night-day{
    left:4px;
    width:16px;
    height:16px;
    background:url(
    );
    background-size:contain;
}
.foot-pannel-bk{
    position:fixed;
    width:100%;
    height:135px;
    bottom:70px;
    background:#000;
    opacity: 0.9;
    z-index:10000;
}
.foot-pannel{
    position:fixed;
    width:100%;
    height:135px;
    bottom:70px;
    background:none;
    color:#fff;
    z-index:10001;
}
.child-pannel{
    padding: 5px 10px;
    margin:15px;
}
.child-pannel span{
    display:inline-block;
    padding-right:20px;
    padding-left:10px;
}
.font-change{
    background:none;
    border:1px solid #8c8c8c;
    color:#fff;
    border-radius: 16px;
    padding:5px 40px;
}
.child-pannel button:nth-child(2){
    margin-right:10px;
}
.icon-color-bar{
    position:relative;
    width:30px;
    height:30px;
    border-radius: 15px;
    display:inline-block;
    vertical-align: -14px;
    margin-left: 5px;
}
.icon-color-current{
    position:absolute;
    top:-2px;
    left:-2px;
    width:32px;
    height:32px;
    border-radius: 16px;
    display: inline-block;
    border:1px solid #ff7800;
}
.color1{
    background:#f7eee5;
}
.color2{
    background:#e9dfc7;
}
.color3{
    background:#a4a4a4;
}
.color4{
    background:#cdefce;
}
.color5{
    background:#283548;
}
.artical-action-mid{
    z-index:10002;
    width:100%;
    position:fixed;
    height:40%;
    top:30%;
}



